class Loading extends React.Component {
    constructor(props) {
  super(props);
  this.state = {
    content:this.props.content
   };
    }


    // click(){
    //     this.props.click()
    // }
    
    componentWillReceiveProps(e){
      console.log(e.hidden,'e.hidden');
      
      this.setState({hidden:e.hidden})
      
    }
componentDidMount() {
  
var that = this

}
     render() {
       let {hidden} = this.state,style = {
        position: 'fixed',
        'z-index': '1002',
        width: '15vw',
        height: '10vw',
        'left': '42.5vw',
        'top': '40vh',
        background: '#fff',
        'border-radius': '10px',
        display: 'flex',
        'align-items': 'center',
        'justify-content': 'center'
      };
            return(
                <div  style={{ display: hidden ? "none":""}}  className="loading" >
                  <div className='mask'></div>
                  
                  <div className='loadingcontent' style={style}>
                    <p>加载中...</p>
                    </div>
                </div>
            )
        }
    }